<template>
	<view>
		<!-- 头部导航 -->
		<view class="tabbbar">
		  <text class="quxiaojiantou"><</text>
		  <text class="tabtext">课程详情</text>
		</view>
    
    <view class="detailsList">
      <button type="default">钢琴初级班</button>
      <view class="cardata">
        <view class="">
          <text class="data">时间:</text>
          <text class="data2">05-25 (星期一)  08 : 00~09 : 00</text>
        </view>
        
        <view class="">
          <text class="data">科目:</text>
          <text class="data2">钢琴初级</text>
        </view>
        
        <view class="">
          <text class="data">老师:</text>
          <text class="data2">小P老师</text>
        </view>
      </view>
      
    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
/* tabbar */
.tabbbar {
  width: 100%;
  height: 116rpx;
 background: url(../img/tabbar.png) no-repeat;
 background-size: cover;
  opacity: 0.3;
  

}
.quxiaojiantou {
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
      line-height: 114rpx;
      margin-left: 50rpx;
}
.tabtext {
  width: 70rpx;
  height: 34rpx;
  font-size: 36rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  line-height: 30rpx;

 margin-left: 222rpx;
}
/* 课程列表 */
.detailsList {
  width: 750rpx;
  height: 439rpx;
  background: url(img/kechengbg.png) no-repeat;
  background-size: cover;
  }
  .detailsList button {
    width: 285rpx;
    height: 68rpx;
    background: linear-gradient(90deg, #D2F79A 1%, #8DCE2A 99%);
    box-shadow: 0px 2px 15px 6px rgba(159, 217, 72, 0.33);
    border-radius: 34rpx;
    font-size: 32rpx;
    color: #fff;
    position: relative;
    top: 70rpx;
    line-height: 68rpx;
   

  }
  .cardata {
    position: relative;
    top: 98rpx;
    left: 88rpx;
  }
  .cardata view {
    padding-bottom: 30rpx;
  }
  .data {
    width: 61rpx;
    height: 27rpx;
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #8DCE2A;
    line-height: 30rpx;
  }
  .data2 {
    padding-left: 25rpx;
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #777777;
    line-height: 30rpx;

  }
</style>
